body{
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
 }
 .container{
     width: 150px;  
     height: 150px;  
     background-color: grey;  
     border-radius: 50px; 
     display: flex;  
     flex-direction: row; 
     margin-left: 10px;
     padding: 10px; 
 }  
 .container2{
     width: 150px;  
     height: 150px;  
     background-color: grey;  
     border-radius: 50px; 
     display: flex;  
     flex-direction: row;
     justify-content: center; 
     margin-left: 10px;
     padding: 10px; 
 }
 .container3{
     width: 150px;  
     height: 150px;  
     background-color: grey;  
     border-radius: 50px; 
     display: flex;  
     flex-direction: row; 
     justify-content: flex-end;
     margin-left: 10px;
     padding: 10px; 
 }
 .container4{
     width: 150px;  
     height: 150px;  
     background-color: grey;  
     border-radius: 50px; 
     display: flex;  
     flex-direction: row; 
     justify-content: space-between;
     margin-left: 10px;
     padding: 10px; 
 }
 .container5{
     width: 170px;  
     height: 170px;     
     background-color: grey;  
     border-radius: 50px; 
     display: flex;  
     flex-direction: column; 
     justify-content: space-between;
     align-items: flex-end;
     margin-left: 10px;
     margin-top: 10px;
 }
 .container6{
     width: 170px;  
     height: 170px;     
     background-color: grey;  
     border-radius: 50px; 
     display: flex;  
     flex-direction: column; 
     align-items: flex-end;
     margin-left: 10px;
     margin-top: 10px;
 }
 .container6 .ball:nth-of-type(1){
     background-color: aqua;  
     width: 50px;  
     height: 50px;  
     border-radius: 25px;
     align-self: flex-start;
 }
 .container6 .ball:nth-of-type(2){
     align-self: center;
 }
 .container7{
     width: 170px;  
     height: 170px;  
     background-color: grey;  
     border-radius: 50px; 
     display: flex; 
     margin-left: 10px;
     margin-top: 10px;
 }
 .container7 .column{
     display: flex;
     flex-direction: column;
     justify-content: space-between;
 }
 .container7 .column:nth-of-type(2){
     align-self: center;
 }
 .container8{
     width: 170px;  
     height: 170px;  
     background-color: grey;  
     border-radius: 50px; 
     display: flex;  
     flex-direction: row; 
     margin-left: 10px;
     margin-top: 10px;
     align-items: center;
 }
 .container9{
     width: 170px;  
     height: 170px;  
     background-color: grey;  
     border-radius: 50px; 
     display: flex;  
     flex-direction: row; 
     margin-left: 10px;
     margin-top: 10px;
     justify-content: center;
     align-items: center;
 }
 .container10{
    width: 170px;  
    height: 170px;  
    background-color: grey;  
    border-radius: 50px; 
    display: flex;  
    flex-direction: row; 
    margin-left: 10px;
    margin-top: 10px;
    justify-content: flex-end;
    align-items: center; 
 }
 .container11{
     width: 170px;  
     height: 170px;  
     background-color: grey;  
     border-radius: 50px; 
     display: flex;  
     margin-left: 10px;
     margin-top: 10px;
     flex-direction: column;
     justify-content: space-between;    
 } 
 .container12{
     width: 170px;  
     height: 170px;  
     background-color: grey;  
     border-radius: 50px; 
     display: flex;  
     margin-left: 10px;
     margin-top: 10px;
     flex-direction: row;
     justify-content: space-between;
     align-items: flex-end;
 }
 .container13{
    width: 170px;  
    height: 170px;  
    background-color: grey;  
    border-radius: 50px; 
    display: flex;  
    margin-left: 10px;
    margin-top: 10px;
    flex-direction: row;
    justify-content: space-between;
 }
 .container13 .column{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.container14{
    width: 170px;  
    height: 170px;  
    background-color: grey;  
    border-radius: 50px; 
    display: flex;  
    margin-left: 10px;
    margin-top: 10px;
    flex-direction: row;
    justify-content: space-between;
}
.container14 .column2{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.container15{
    width: 170px;
    height: 170px;
    background-color: grey;
    border-radius: 50px;
    display: flex;
    margin-left: 10px;
    margin-top: 10px;
    flex-direction: column;
    justify-content: end;
}
.container16{
    width: 170px;
    height: 170px;
    background-color: grey;
    border-radius: 50px;
    display: flex;
    margin-left: 10px;
    margin-top: 10px;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
}
.container17{
    width: 170px;
    height: 170px;
    background-color: grey;
    border-radius: 50px;
    margin-left: 10px;
    margin-top: 10px;
    display: flex;
    flex-direction:column;
}
.container17 .ball:nth-of-type(2){
    align-self: center;
}
.container18{
    width: 170px;
    height: 170px;
    background-color: grey;
    border-radius: 50px;
    margin-left: 10px;
    margin-top: 10px;
    display: flex;
    flex-direction: column;
}
.container18 .ball:nth-of-type(2){
    align-self: flex-end;
}
.container19{
    width: 170px;
    height: 170px;
    background-color: grey;
    border-radius: 50px;
    margin-left: 10px;
    margin-top: 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.container19 .ball:nth-of-type(2){
    align-self: flex-end;
}
.container20{
    width: 170px;
    height: 170px;
    background-color: grey;
    border-radius: 50px;
    margin-left: 10px;
    margin-top: 10px;
    display: flex;
    flex-direction: column;
}
.container20 .column{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.container20 .column:nth-of-type(2){
    align-self:center;
}
.container20 .column:nth-of-type(3){
    align-self: auto;
    
}
 .ball{  
     background-color: aqua;  
     width: 50px;  
     height: 50px;  
     border-radius: 25px;  
 }